<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <title>Majestic Admin</title>

    <link href="../../vendors/mdi/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../../vendors/base/vendor.bundle.base.css" rel="stylesheet">


    <link href="../../css/style.css" rel="stylesheet">

    <link href="../../images/favicon.png" rel="shortcut icon"/>
</head>

<body>
<div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
    <nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="navbar-brand-wrapper d-flex justify-content-center">
            <div class="navbar-brand-inner-wrapper d-flex justify-content-between align-items-center w-100">
                <a class="navbar-brand brand-logo" href="../../index.html"><img alt="logo"
                                                                                src="../../images/logo.svg"/></a>
                <a class="navbar-brand brand-logo-mini" href="../../index.html"><img
                        alt="logo" src="../../images/logo-mini.svg"/></a>
                <button class="navbar-toggler navbar-toggler align-self-center" data-toggle="minimize"
                        type="button">
                    <span class="mdi mdi-sort-variant"></span>
                </button>
            </div>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
            <ul class="navbar-nav mr-lg-4 w-100">
                <li class="nav-item nav-search d-none d-lg-block w-100">
                    <div class="input-group">
                        <div class="input-group-prepend">
                                <span id="search" class="input-group-text">
                                    <i class="mdi mdi-magnify"></i>
                                </span>
                        </div>
                        <input aria-describedby="search" aria-label="search" class="form-control"
                               placeholder="Search now"
                               type="text">
                    </div>
                </li>
            </ul>
            <ul class="navbar-nav navbar-nav-right">
                <li class="nav-item dropdown me-1">
                    <a id="messageDropdown"
                       class="nav-link count-indicator dropdown-toggle d-flex justify-content-center align-items-center"
                       data-bs-toggle="dropdown" href="#">
                        <i class="mdi mdi-message-text mx-0"></i>
                        <span class="count"></span>
                    </a>
                    <div aria-labelledby="messageDropdown"
                         class="dropdown-menu dropdown-menu-right navbar-dropdown">
                        <p class="mb-0 font-weight-normal float-left dropdown-header">Messages</p>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <img alt="image" class="profile-pic" src="../../images/faces/face4.jpg">
                            </div>
                            <div class="item-content flex-grow">
                                <h6 class="ellipsis font-weight-normal">David Grey
                                </h6>
                                <p class="font-weight-light small-text text-muted mb-0">
                                    The meeting is cancelled
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <img alt="image" class="profile-pic" src="../../images/faces/face2.jpg">
                            </div>
                            <div class="item-content flex-grow">
                                <h6 class="ellipsis font-weight-normal">Tim Cook
                                </h6>
                                <p class="font-weight-light small-text text-muted mb-0">
                                    New product launch
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <img alt="image" class="profile-pic" src="../../images/faces/face3.jpg">
                            </div>
                            <div class="item-content flex-grow">
                                <h6 class="ellipsis font-weight-normal"> Johnson
                                </h6>
                                <p class="font-weight-light small-text text-muted mb-0">
                                    Upcoming board meeting
                                </p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="nav-item dropdown me-4">
                    <a id="notificationDropdown"
                       class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center notification-dropdown"
                       data-bs-toggle="dropdown" href="#">
                        <i class="mdi mdi-bell mx-0"></i>
                        <span class="count"></span>
                    </a>
                    <div aria-labelledby="notificationDropdown"
                         class="dropdown-menu dropdown-menu-right navbar-dropdown">
                        <p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <div class="item-icon bg-success">
                                    <i class="mdi mdi-information mx-0"></i>
                                </div>
                            </div>
                            <div class="item-content">
                                <h6 class="font-weight-normal">Application Error</h6>
                                <p class="font-weight-light small-text mb-0 text-muted">
                                    Just now
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <div class="item-icon bg-warning">
                                    <i class="mdi mdi-settings mx-0"></i>
                                </div>
                            </div>
                            <div class="item-content">
                                <h6 class="font-weight-normal">Settings</h6>
                                <p class="font-weight-light small-text mb-0 text-muted">
                                    Private message
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <div class="item-icon bg-info">
                                    <i class="mdi mdi-account-box mx-0"></i>
                                </div>
                            </div>
                            <div class="item-content">
                                <h6 class="font-weight-normal">New user registration</h6>
                                <p class="font-weight-light small-text mb-0 text-muted">
                                    2 days ago
                                </p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="nav-item nav-profile dropdown">
                    <a id="profileDropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">
                        <img alt="profile" src="../../images/faces/face5.jpg"/>
                        <span class="nav-profile-name">Louis Barnett</span>
                    </a>
                    <div aria-labelledby="profileDropdown"
                         class="dropdown-menu dropdown-menu-right navbar-dropdown">
                        <a class="dropdown-item">
                            <i class="mdi mdi-settings text-primary"></i>
                            Settings
                        </a>
                        <a class="dropdown-item">
                            <i class="mdi mdi-logout text-primary"></i>
                            Logout
                        </a>
                    </div>
                </li>
            </ul>
            <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" data-toggle="offcanvas"
                    type="button">
                <span class="mdi mdi-menu"></span>
            </button>
        </div>
    </nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:../../partials/_sidebar.html -->
        <nav id="sidebar" class="sidebar sidebar-offcanvas">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link" href="index.html">
                        <i class="mdi mdi-home menu-icon"></i>
                        <span class="menu-title">仪表盘</span>
                    </a>
                </li>

                <li class="nav-item">
                    <a aria-controls="ui-store" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#ui-store">
                        <i class="mdi mdi-circle-outline menu-icon"></i>
                        <span class="menu-title">门店基本信息</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="ui-store" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="../store/store.html">门店管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="../store/device.html">设备管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="../store/storeCode.html">二维码管理</a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a aria-controls="ui-basic" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#ui-basic">
                        <i class="mdi mdi-circle-outline menu-icon"></i>
                        <span class="menu-title">员工管理</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="ui-basic" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="pages/ui-features/buttons.html">Buttons</a>
                            </li>
                            <li class="nav-item"><a class="nav-link"
                                                    href="pages/ui-features/typography.html">Typography</a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="pages/charts/chartjs.html">
                        <i class="mdi mdi-chart-pie menu-icon"></i>
                        <span class="menu-title">会员管理</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="pages/tables/basic-table.html">
                        <i class="mdi mdi-grid-large menu-icon"></i>
                        <span class="menu-title">预约管理</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="pages/icons/mdi.html">
                        <i class="mdi mdi-emoticon menu-icon"></i>
                        <span class="menu-title">调理管理</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a aria-controls="auth" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#auth">
                        <i class="mdi mdi-account menu-icon"></i>
                        <span class="menu-title">收费管理</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="auth" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="pages/samples/login.html"> Login </a></li>
                            <li class="nav-item"><a class="nav-link" href="pages/samples/login-2.html"> Login 2 </a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="pages/samples/register.html"> Register </a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="pages/samples/register-2.html"> Register
                                2 </a></li>
                            <li class="nav-item"><a class="nav-link" href="pages/samples/lock-screen.html">
                                Lockscreen </a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="documentation/documentation.html">
                        <i class="mdi mdi-file-document-box-outline menu-icon"></i>
                        <span class="menu-title">财务统计</span>
                    </a>
                </li>
            </ul>
        </nav>
        <!-- partial -->
        <div class="main-panel">
            <div class="content-wrapper">

                <div class="col-lg-12 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title d-flex align-items-center gap-2 "> <span
                                    class="d-flex align-items-center hover-cursor backLink"  onclick="window.history.back()"><i
                                    class="mdi mdi-arrow-left d-inline-block fs-6"
                                   ></i>返回</span>  某某某检测报告
                            </h4>
                            <div class="col-md-12 grid-margin stretch-card">
                                <div class="card">
                                    <div class="card-body">
                                          <h4 class="card-title d-flex align-items-center">用户信息</h4>
                                        <p class="card-description">

                                        </p>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <address class="">
                                                    <p class="font-weight-bold">
                                                        姓名
                                                    </p>
                                                    <p class="mb-2">
                                                        陈佳豪
                                                    </p>
                                                    <p class="font-weight-bold">
                                                        昵称
                                                    </p>
                                                    <p>
                                                        2陈佳豪3
                                                    </p>
                                                </address>
                                            </div>
                                            <div class="col-md-4">
                                                <address class="">
                                                    <p class="font-weight-bold">
                                                        手机号
                                                    </p>
                                                    <p class="mb-2">
                                                        17736940649
                                                    </p>
                                                    <p class="font-weight-bold">
                                                        邮箱
                                                    </p>
                                                    <p>
                                                        285197210@qq.com
                                                    </p>
                                                </address>
                                            </div>
                                            <div class="col-md-4">
                                                <address class="">
                                                    <p class="font-weight-bold">
                                                        到店时间
                                                    </p>
                                                    <p class="mb-2">
                                                        2023/11/3 10:33
                                                    </p>
                                                    <p class="font-weight-bold">
                                                        检测时间
                                                    </p>
                                                    <p>
                                                        2023/11/3 10:33
                                                    </p>
                                                </address>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                          <h4 class="card-title d-flex align-items-center">负责人信息</h4>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <address class="">
                                                    <p class="font-weight-bold">
                                                        姓名
                                                    </p>
                                                    <p class="mb-2">
                                                        陈佳豪
                                                    </p>
                                                    <p class="font-weight-bold">
                                                        手机号
                                                    </p>
                                                    <p>
                                                        17736940649
                                                    </p>
                                                </address>
                                            </div>
                                            <div class="col-md-4">
                                                <address class="">
                                                    <p class="font-weight-bold">
                                                        部门
                                                    </p>
                                                    <p class="mb-2">
                                                        调理部
                                                    </p>
                                                    <p class="font-weight-bold">
                                                        使用设备
                                                    </p>
                                                    <p>
                                                        10086-10010-10000
                                                    </p>
                                                </address>
                                            </div>
                                            <div class="col-md-4">
                                                <address class="">
                                                    <p class="font-weight-bold">
                                                        职位
                                                    </p>
                                                    <p class="mb-2">
                                                        调理师
                                                    </p>
                                                    <p class="font-weight-bold">
                                                        检测项目
                                                    </p>
                                                    <p>
                                                        针灸
                                                    </p>
                                                </address>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                          <h4 class="card-title d-flex align-items-center">检测报表</h4>
                                        <canvas id="areaChart"></canvas>
                                    </div>
                                    <div class="col-lg-12 grid-margin stretch-card">

                                        <div class="card-body">
                                              <h4 class="card-title d-flex align-items-center">备注(医师嘱托)</h4>
                                            <div class="card p-2" style="min-height: 20rem">
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                                多喝热水
                                                多喝热水 多喝热水 多喝热水 多喝热水 多喝热水 多喝热水
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content-wrapper ends -->
                <!-- partial:../../partials/_footer.html -->
                <footer class="footer">
                    <div class="d-sm-flex justify-content-center justify-content-sm-between">
                        <span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © <a
                                href="https://www.bootstrapdash.com/" target="_blank">bootstrapdash.com </a>2021</span>
                        <span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Only the best <a
                                href="https://www.bootstrapdash.com/" target="_blank"> Bootstrap dashboard </a>
                            templates</span>
                    </div>
                </footer>
                <!-- partial -->
            </div>
            <!-- main-panel ends -->
        </div>
        <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="../../vendors/base/vendor.bundle.base.js"></script>

    <!-- Plugin js for this page-->
    <script src="../../vendors/chart.js/Chart.min.js"></script>
    <!-- End plugin js for this page-->
    <!-- inject:js -->
    <script src="../../js/off-canvas.js"></script>
    <script src="../../js/hoverable-collapse.js"></script>
    <script src="../../js/template.js"></script>

    <!-- Custom js for this page-->
    <script src="../../js/chart.js"></script>
    <!-- End custom js for this page-->
</body>

</html>